<!DOCTYPE HTML>

<html lang="pt-br"  
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions">
	
<ui:composition template="/WEB-INF/template/VendaTemplate.xhtml">
<ui:define name="corpo">
<style type="text/css">
	.div-tela 
	{
		max-width: auto;
		max-height: auto;
		padding: 10px 10px 10px;
	    margin: 0 auto 20px;
	    background-color: #fff;
	    border: 1px solid #e5e5e5;
	    -webkit-border-radius: 5px;
	    	-moz-border-radius: 5px;
	        	border-radius: 5px;
	    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	        	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	}
	.colunaEsquerda
	{  
	    text-align: left;
	    width: 20%;  
	}  
	.colunaDireita
	{  
	    text-align: left;
	    width: 80%    
	}
	</style>
<div class="div-tela">
	<p:panel header="Gerenciar Agenda Lembrar" style="width:100%;height:100%">
		<p:commandButton id="btnNovo" 
							value="Novo" 
							styleClass="ui-priority-primary"
							update=":frmVenda:pnlAgendaLembrar"
							actionListener="#{agendaLembrarManagerBean.iniciarInserir}"/>
		<p:commandButton id="btnSair" 
							value="Sair" 
							styleClass="ui-priority-primary"
							action="#{agendaLembrarManagerBean.sair}"/>
		<div>
		<BR />
		</div>

		<p:dataTable id="tblAgendaLembrar"
					var="agendaLembrar"
					value="#{agendaLembrarManagerBean.listaAgendaLembrar}"
					paginator="true"
					rows="10"
					emptyMessage="Não há Registros para Exibição">
					
			<p:column headerText="Código" width="10%">
				<h:outputText value="#{agendaLembrar.id}" />
		    </p:column>
			
			<p:column headerText="Descrição" width="60%">
				<h:outputText value="#{agendaLembrar.descricao}" />
		    </p:column>
		    
		    <p:column headerText="Reagendar" width="10%">
				<h:outputText value="#{agendaLembrar.reagendar eq 'S' ? 'Sim' : 'Não'}"/>
		    </p:column>
		    
		    <p:column headerText="Cor" width="10%" style="background-color:##{agendaLembrar.corFundo};">
				<h:outputText value="Fonte" style="color:##{agendaLembrar.corFonte};"/>
		    </p:column>
		        		
		    <p:column width="10%" style="">
		    		<p:commandButton id="btnAlterar"
		    						value="Alterar"
		    						styleClass="ui-priority-primary"
		        					update=":frmVenda:pnlAgendaLembrar"
		        					actionListener="#{agendaLembrarManagerBean.iniciarAlterar(agendaLembrar)}"/>
		    </p:column>
		
		</p:dataTable>
	</p:panel>	
</div>
</ui:define>
<ui:define name="modal">
<p:dialog header="Agenda Lembrar" 
			widgetVar="agendaLembrarDialog" 
			resizable="false"
			width="600"
			height="100%" 
			modal="true"
			position="top">
		<p:panel id="pnlAgendaLembrar" 
			style="width:100%;heigth:100%;font-size:11px;">
			
			<h:inputHidden value="#{agendaLembrarManagerBean.agendaLembrarVo.id}"/>
			<p:panelGrid columns="2" style="vertical-align:middle; width:100%;">
				<h:outputLabel for="inputDescricaoAgendaLembrar" value="Descrição"/>
				<p:inputText id="inputDescricaoAgendaLembrar"
							maxlength="200"
							size="50"
							value="#{agendaLembrarManagerBean.agendaLembrarVo.descricao}"
							placeholder="Descrição"
							style="width:100%;"/>
				<h:outputLabel for="inputCorFundoAgendaLembrar" value="Cor Fundo"/>
				<p:colorPicker id="inputCorFundoAgendaLembrar" 
							value="#{agendaLembrarManagerBean.agendaLembrarVo.corFundo}" 
							mode="inline" />
				<h:outputLabel for="inputCorFonteAgendaLembrar" value="Cor Fonte"/>
				<p:colorPicker id="inputCorFonteAgendaLembrar" 
							value="#{agendaLembrarManagerBean.agendaLembrarVo.corFonte}" 
							mode="inline" />
				<h:outputLabel for="sorReagendar" 
					 				value="Reagendar?"/>
					 <p:selectOneRadio id="sorReagendar" 
					 				value="#{agendaLembrarManagerBean.agendaLembrarVo.reagendar}">
            			<f:selectItem itemLabel="Sim" 
            						itemValue="S"/>
            			<f:selectItem itemLabel="Não" 
            						itemValue="N"/>
       			     </p:selectOneRadio>
			</p:panelGrid>
		</p:panel>
		<div>
			<BR />
		</div>
			<p:commandButton id="btnCadastrar" 
							value="Gravar" 
							styleClass="ui-priority-primary"
							update="tblAgendaLembrar, mensagem"
							actionListener="#{agendaLembrarManagerBean.gravar}"/>
				
	</p:dialog>
</ui:define>

</ui:composition>
</html>